<template>
<!-- 事件修饰符 .prevent 阻止默认行为 .stop阻止事件冒泡 -->
  <div @click="fn">
    <a @click.prevent href="https://www.baidu.com">去百度</a>
    <hr />
    <!-- 可以连写 -->
    <a @click.stop.prevent href="https://www.baidu.com" target="_blank"
      >去百度</a
    >
  </div>
</template>

<script>
export default {
  
  methods: {
    fn() {
      console.log("不去百度");
    },
  },
};
</script>

<style>
</style>